Linie unter dem horizontalen Menü einfügen
- Harry
- Autor
- Neues Mitglied
-
Weniger
Mehr
- Dank erhalten: 0
6 Jahre 11 Monate her #3781
von Harry
Linie unter dem horizontalen Menü einfügen wurde erstellt von Harry
Hallo Leute,
ich bastel schon wieder an etwas, wo ich nicht voran komme.
Ich möchte unter dem horizontalen Menü eine Linie einfügen, die über die ganze Seite geht.
Mein letzter Versuch war ein eigenes Modul zu erstellen, dort ein hr-Tag zu hinterlegen, das ganze in die gleiche Modulposition wie das Menü packen und dann in der CSS
zu vergeben. Ergebnis ist, dass die hr-Linie über den rechten Bildschirmrand läuft --> scrollbar unten erscheind... nicht so toll.
jedoch schaffe ich es nicht das Ding bis zum linken Bildschirmrand zu ziehen, das Ding ist jetzt so lange wie es sein sollte, jedoch zu weit rechts.
Sage jetzt nicht was ich schon alles versucht habe, sonst wirds wieder peinlich
Besten Dank für Eure Zeit und Mühe
Schöne Grüße
Harry
ich bastel schon wieder an etwas, wo ich nicht voran komme.
Ich möchte unter dem horizontalen Menü eine Linie einfügen, die über die ganze Seite geht.
Mein letzter Versuch war ein eigenes Modul zu erstellen, dort ein hr-Tag zu hinterlegen, das ganze in die gleiche Modulposition wie das Menü packen und dann in der CSS
Code:
width: 100vw;
jedoch schaffe ich es nicht das Ding bis zum linken Bildschirmrand zu ziehen, das Ding ist jetzt so lange wie es sein sollte, jedoch zu weit rechts.
Sage jetzt nicht was ich schon alles versucht habe, sonst wirds wieder peinlich
Besten Dank für Eure Zeit und Mühe
Schöne Grüße
Harry
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Harry
- Autor
- Neues Mitglied
-
Weniger
Mehr
- Dank erhalten: 0
6 Jahre 11 Monate her - 6 Jahre 11 Monate her #3782
von Harry
Harry antwortete auf Linie unter dem horizontalen Menü einfügen
Hallo Leute,
ich habe es geschafft, hier die Lösung:
ich erstellte ein Modul und packte dort eine hr-Linie rein:
dann psste ich die custom.css an:
jetzt schaut das ganze so aus:
Link zur Seite
Schöne Grüße
Harry
ich habe es geschafft, hier die Lösung:
ich erstellte ein Modul und packte dort eine hr-Linie rein:
Code:
<hr id="menuline" />
Code:
#menuline {
width: 100vw;
margin-left: -50vw;
margin-right: -50vw;
position: relative;
left: 49%; /*49% da sonst der untere Scrollbalken aktiviert wird*/
right: 50%;
margin-top: 0; /*damit die Linie näher am Menü ist*/
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); /*Dies dient nur dazu, daß die Linie an den Enden schwächer wird*/
}
Link zur Seite
Schöne Grüße
Harry
Letzte Änderung: 6 Jahre 11 Monate her von Harry.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.161 Sekunden